<template>
	<table class="table table-sm table-bordered">
		<thead>
			<tr>
				<th scope="col" :colspan="th.colspan" :rowspan="th.rowspan"
				v-for="(th,thi) in tableThs" :key="thi"
				class="text-center" style="vertical-align:middle"
				>{{th.name}}</th>
			</tr>
			<tr>
				<th scope="col" class="text-center" 
				v-for="(th,thi) in sku_card" :key="thi"
				style="vertical-align:middle">颜色</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th scope="row">1</th>
				<td>Mark</td>
				<td>Otto</td>
				<td>@mdo</td>
			</tr>
		</tbody>
	</table>
</template>

<script>
	import { mapGetters, mapState } from 'vuex'
	export default {
		computed: {
			...mapGetters([
				'tableThs'
			]),
			...mapState({
				sku_card: state=>state.goods_create.sku_card
			})
		},
		mounted() {
			console.log(this.tableThs)
		}
	}
</script>

<style>
</style>
